<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>语法着色插件</title>
<link id="prism_theme_id" rel="stylesheet" href="themes/prism.css" data-noprefix />
<link rel="stylesheet" href="plugins/line-numbers/prism-line-numbers.css" data-noprefix />
</head>
<body>

<button type="button" onclick="changeTheme('themes/prism.css')" autofocus>default theme</button>
<button type="button" onclick="changeTheme('themes/prism-vs.css')">vc theme</button>
<button type="button" onclick="changeTheme('themes/prism-atom-dark.css')">atom-dark theme</button>

<pre class="language-java line-numbers"><code>/*
 * @author www.chendd.cn
 */
public class Hello {
    public static void main(String args[]){
        System.out.println("hello, chendd!");
    }
}
</code></pre>

<pre class="line-numbers" data-src="plugins/line-numbers/prism-line-numbers.js" data-start="1"></pre>

<script src="prism.js"></script>
<script src="plugins/line-numbers/prism-line-numbers.js"></script>
<script src="components/prism-java.js"></script>
<script type="text/javascript">
//切换theme
function changeTheme(themeUrl){
    document.getElementById("prism_theme_id").href = themeUrl;
}
</script>
</body>
</html>